﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="applicable-device" content="pc,mobile" />
    <title>在线留言</title>
    <link href="~/static/css/bootstrap.css" rel="stylesheet" />
    <link href="~/static/css/glide.css" rel="stylesheet" />
    <link href="~/static/css/style.css" rel="stylesheet" />
    <link href="~/static/css/online.css" rel="stylesheet" />
    <script src="~/static/js/jquery.min.js" type="text/javascript"></script>
    <script src="~/static/js/bootstrap.js" type="text/javascript"></script>
    <script src="~/static/js/jquery.glide.js" type="text/javascript"></script>
    <script src="~/static/js/common.js" type="text/javascript"></script>
    <script src="~/static/js/online.js" type="text/javascript"></script>
    <script src="~/static/api/comment.js" type="text/javascript"></script>
</head>

<body>
    @Html.Action("Header", "Shared")

    <!-- 内容 -->
    <div class="container">
        <div class="row">

            <div class="col-xs-12 col-sm-8 col-md-9" id="rightBox">

                <div class="positionBox">
                    <div class="titleBar">
                        <h1>当前位置</h1>
                        <span></span>
                        <a href="index.html">首页</a> > <a href="comment.html">在线留言</a>
                    </div>
                </div>

                <div class="col-sm-12 col-md-12 pad">
                    <form id="ff" method="post">
                        <center>
                            <table cellpadding="3" cellspacing="5" class="reg">
                                <tr>
                                    <td align="center" colspan="2">
                                        <br />
                                        感谢您光临我公司网站，如您有任何疑问请与我们留言，我们会在第一时间联系您！<br />
                                        <br />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        姓名
                                    </td>
                                    <td align="left">
                                        <input class="easyui-validatebox" required type="text" name="name" data-options="required:true" style="width:90%;" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        电话
                                    </td>
                                    <td align="left">
                                        <input class="easyui-validatebox" required type="text" name="phone" data-options="required:true" style="width:90%;" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        邮箱
                                    </td>
                                    <td align="left">
                                        <input class="easyui-validatebox" required  type="text" name="email" data-options="validType:'email'" style="width:90%;" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        QQ
                                    </td>
                                    <td align="left">
                                        <input class="easyui-validatebox" required type="text" name="QQ" data-options="required:true" style="width:90%;" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        反馈标题
                                    </td>
                                    <td align="left">
                                        <input class="easyui-validatebox" type="text" required name="title" data-options="required:true" style="width:90%;" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        反馈内容
                                    </td>
                                    <td align="left">
                                        <textarea name="content" required style="width:90%; height:70px"></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        验证码
                                    </td>
                                    <td align="left">
                                        <input class="easyui-validatebox" name="code" id="code" type="text" data-options="required:true" style="width:30%;" />
                                        <a id="reload"><img id="Imagecode" src="/Home/CreateImageCode" style="height:35px;" /></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" align="center">
                                        <input class="btn" type="button" id="submit" value="提交" />
                                        <input style="margin-left:20px" class="btn" type="reset" value="重置" />
                                    </td>
                                </tr>
                            </table>
                        </center>
                    </form>

                    <div style="width:100%; height:30px;"></div>

                </div>

            </div>

            <div class="col-xs-12 col-sm-4 col-md-3">

                <div class="navigationBox" id="classification">
                    <div class="titleBar">
                        <h1>导航栏目</h1>
                        <span></span>
                    </div>
                    <div class="list">
                        <ul id="firstpane">
                            <li><a class='' href='/Home/about'>公司简介</a></li>
                            <li><a class='' href='/Home/contact'>联系我们</a></li>
                        </ul>
                    </div>
                </div>

               @Html.Action("NavigationBar","Shared")

            </div>

        </div>
    </div>

    @Html.Action("Footer", "Shared")
    <script type="text/javascript">
        function mShare() {
            $("#mShareBox").toggle();
            $("#serviceBox").hide();
        }

        if ($(".banner .slider__wrapper li").length == 0) {
            $(".banner").addClass("emptyBanner");
        }

        function showService() {
            $("#mShareBox").hide();
            $("#serviceBox").toggle();
        }

        $("#reload").click(function () {
            var id = parseInt(Math.ceil(Math.random() * 1000));
            $("#Imagecode").attr("src", "/Home/CreateImageCode/" + id);
        });

        $("#submit").click(function () {
            var code = $("#code").val();
            console.log(code);
            if (code == "") {
                alert("验证码不允许为空!");
            }
            var messagForm = $("#ff").serialize();
            submit(messagForm);
        });

    </script>

</body>
</html>

